<%-- 
    Document   : Customer - AccountRegistration
    Created on : Sep 1, 2011, 2:46:34 PM
    Author     : James
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.List, java.util.ArrayList, EntityState.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>FoodSage - Singapore online food court</title>
        <link rel="stylesheet" href="../customer/main_style_sheet.css" />
        <script type='text/javascript' src='../jQuery/jquery-1.6.1.min.js'></script>
        <script type="text/javascript" src="../customer/script/Utilities.js"></script>
        <script type="text/javascript" src="../customer/script/AccountRegistration.js"></script>
        <script type="text/javascript">
            <!--
            window.onload = showPage('  Login', 'login_panel');
            $(document).ready(function() {
                var today = new Date();
                var thisYear = today.getFullYear();
                var limit    = thisYear - 100;
                var i        = 1;
                var options = $('#year').prop('options');
                while (thisYear > limit) {
                    options[i] = new Option(thisYear, thisYear);
                    thisYear--;
                    i++;
                }
                $("#register_form").submit(function() {
                    return validate_form();
                }); 
                $("#chosenUsername").change(function() {
                    check(); 
                });
            }); 
            //-->
        </script>
    </head>
    <body>
        <div id="wrapper">
            <h1>FoodSage</h1>
            <div id="nav">
                <a href="Redirect?page=home">Home</a>
                <a href="Redirect?page=search&target=ad">About Us</a>
                <a href="Redirect?page=about_us">Our Languages</a>
                <a href="Redirect?page=contact">Support</a>
            </div>
            <div id="body">
                <div id="body-top">
                    <div id="body-bot">
                        <div id="welcome">
                            <img src="../customer/images/handshake.jpeg" width="276" height="238" alt="Pic 1" />
                        </div>
                        <div id="login_panel"></div>
                        <div id="content">
                            <b><span style="color:#00F;font-family:'Lucida Console', Monaco, monospace;font-size:30px;">Account Registration</span></b>
                            <br/><br/>
                            <p style="color:purple;font-size:15px">Please specify your personal information</p>
                            <hr><br/>
                            <form id="register_form" name="register_form" action="https://localhost:8181/portal/public/AccountRegistrationStatus" method="POST">
                                <table width="440" class="white">
                                    <tr>
                                        <td width="150">FIN/Passport <span style="font-size:12px;color:#F00;">(*)</span> :</td>
                                        <td><input type="text" id="NRIC" name="NRIC" /></td>
                                    </tr>
                                    <tr>
                                        <td>Name <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="text" id="firstName" name="firstName" value="First Name" onfocus="this.value=''" /></td>
                                        <td><input type="text" id="lastName" name="lastName" value="Last Name" onfocus="this.value=''" /></td>
                                    </tr>
                                    <tr>
                                        <td>Gender <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="radio" name="sex" id="sex" value="Male">Male</td>
                                        <td><input type="radio" name="sex" id="sex" value="Female">Female</td>
                                    </tr>
                                </table>
                                <table class="white">
                                    <tr>
                                        <td width="140">Date of Birth <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td>
                                            <select id="day" name="day">
                                                <option value="">Day</option>
                                                <option value="1">1</option><option value="2">2</option><option value="3">3</option>
                                                <option value="4">4</option><option value="5">5</option><option value="6">6</option>
                                                <option value="7">7</option><option value="8">8</option><option value="9">9</option>
                                                <option value="10">10</option><option value="11">11</option><option value="12">12</option>
                                                <option value="13">13</option><option value="14">14</option><option value="15">15</option>
                                                <option value="16">16</option><option value="17">17</option><option value="18">18</option>
                                                <option value="19">19</option><option value="20">20</option><option value="21">21</option>
                                                <option value="22">22</option><option value="23">23</option><option value="24">24</option>
                                                <option value="25">25</option><option value="26">26</option><option value="27">27</option>
                                                <option value="28">28</option><option value="29">29</option><option value="30">30</option>
                                                <option value="31">31</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select id="month" name="month">
                                                <option value="">Month</option>
                                                <option value="0">January</option><option value="1">February</option><option value="2">March</option>
                                                <option value="3">April</option><option value="4">May</option><option value="5">June</option>
                                                <option value="6">July</option><option value="7">August</option><option value="8">September</option>
                                                <option value="9">October</option><option value="10">November</option><option value="11">December</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select id="year" name="year">
                                                <option value="">Year</option>
                                            </select>
                                        </td>
                                    </tr>
                                </table>
                                <table class="white">
                                    <tr>
                                        <td width="150">Phone number <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td>+ <input size="4" type="text" id="countryCode" name="countryCode" /> - <input size="12" type="text" id="phone" name="phone" /></td>
                                    </tr>
                                </table>
                                <table class="white">
                                    <tr>
                                        <td width="155">Email address <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="text" id="email1" name="email1" /></td>
                                    </tr>
                                    <tr>
                                        <td>Confirm email <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="text" id="email2" name="email2" /></td>
                                    </tr>
                                    <tr>
                                        <td>Country of origin <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><select id="country" name="country">
                                                <option value=""   >Select One</option>
                                                <option value="Afghanistan"   >Afghanistan</option>
                                                <option value="Aland Islands"   >Aland Islands</option>
                                                <option value="Albania"   >Albania</option>
                                                <option value="Algeria"   >Algeria</option>
                                                <option value="American Samoa"   >American Samoa</option>
                                                <option value="Andorra"   >Andorra</option>
                                                <option value="Angola"   >Angola</option>
                                                <option value="Anguilla"   >Anguilla</option>
                                                <option value="Antarctica"   >Antarctica</option>
                                                <option value="Antigua and Barbuda"   >Antigua and Barbuda</option>
                                                <option value="Argentina"   >Argentina</option>
                                                <option value="Armenia"   >Armenia</option>
                                                <option value="Aruba"   >Aruba</option>
                                                <option value="Australia"   >Australia</option>
                                                <option value="Austria"   >Austria</option>
                                                <option value="Azerbaijan"   >Azerbaijan</option>
                                                <option value="Bahamas"   >Bahamas</option>
                                                <option value="Bahrain"   >Bahrain</option>
                                                <option value="Bangladesh"   >Bangladesh</option>
                                                <option value="Barbados"   >Barbados</option>
                                                <option value="Belarus"   >Belarus</option>
                                                <option value="Belgium"   >Belgium</option>
                                                <option value="Belize"   >Belize</option>
                                                <option value="Benin"   >Benin</option>
                                                <option value="Bermuda"   >Bermuda</option>
                                                <option value="Bhutan"   >Bhutan</option>
                                                <option value="Bolivia"   >Bolivia</option>
                                                <option value="Bosnia and Herzegovina"   >Bosnia and Herzegovina</option>
                                                <option value="Botswana"   >Botswana</option>
                                                <option value="Bouvet Island"   >Bouvet Island</option>
                                                <option value="Brazil"   >Brazil</option>
                                                <option value="British Indian Ocean Territory"   >British Indian Ocean Territory</option>
                                                <option value="British Virgin Islands"   >British Virgin Islands</option>
                                                <option value="Brunei"   >Brunei</option>
                                                <option value="Bulgaria"   >Bulgaria</option>
                                                <option value="Burkina Faso"   >Burkina Faso</option>
                                                <option value="Burundi"   >Burundi</option>
                                                <option value="Cambodia"   >Cambodia</option>
                                                <option value="Cameroon"   >Cameroon</option>
                                                <option value="Canada"   >Canada</option>
                                                <option value="Cape Verde"   >Cape Verde</option>
                                                <option value="Cayman Islands"   >Cayman Islands</option>
                                                <option value="Central African Republic"   >Central African Republic</option>
                                                <option value="Chad"   >Chad</option>
                                                <option value="Chile"   >Chile</option>
                                                <option value="China"   >China</option>
                                                <option value="Christmas Island"   >Christmas Island</option>
                                                <option value="Cocos (Keeling) Islands"   >Cocos (Keeling) Islands</option>
                                                <option value="Colombia"   >Colombia</option>
                                                <option value="Comoros"   >Comoros</option>
                                                <option value="Congo"   >Congo</option>
                                                <option value="Cook Islands"   >Cook Islands</option>
                                                <option value="Costa Rica"   >Costa Rica</option>
                                                <option value="Croatia"   >Croatia</option>
                                                <option value="Cuba"   >Cuba</option>
                                                <option value="Cyprus"   >Cyprus</option>
                                                <option value="Czech Republic"   >Czech Republic</option>
                                                <option value="Democratic Republic of Congo"   >Democratic Republic of Congo</option>
                                                <option value="Denmark"   >Denmark</option>
                                                <option value="Disputed Territory"   >Disputed Territory</option>
                                                <option value="Djibouti"   >Djibouti</option>
                                                <option value="Dominica"   >Dominica</option>
                                                <option value="Dominican Republic"   >Dominican Republic</option>
                                                <option value="East Timor"   >East Timor</option>
                                                <option value="Ecuador"   >Ecuador</option>
                                                <option value="Egypt"   >Egypt</option>
                                                <option value="El Salvador"   >El Salvador</option>
                                                <option value="Equatorial Guinea"   >Equatorial Guinea</option>
                                                <option value="Eritrea"   >Eritrea</option>
                                                <option value="Estonia"   >Estonia</option>
                                                <option value="Ethiopia"   >Ethiopia</option>
                                                <option value="Falkland Islands"   >Falkland Islands</option>
                                                <option value="Faroe Islands"   >Faroe Islands</option>
                                                <option value="Federated States of Micronesia"   >Federated States of Micronesia</option>
                                                <option value="Fiji"   >Fiji</option>
                                                <option value="Finland"   >Finland</option>
                                                <option value="France"   >France</option>
                                                <option value="French Guyana"   >French Guyana</option>
                                                <option value="French Polynesia"   >French Polynesia</option>
                                                <option value="French Southern Territories"   >French Southern Territories</option>
                                                <option value="Gabon"   >Gabon</option>
                                                <option value="Gambia"   >Gambia</option>
                                                <option value="Georgia"   >Georgia</option>
                                                <option value="Germany"   >Germany</option>
                                                <option value="Ghana"   >Ghana</option>
                                                <option value="Gibraltar"   >Gibraltar</option>
                                                <option value="Greece"   >Greece</option>
                                                <option value="Greenland"   >Greenland</option>
                                                <option value="Grenada"   >Grenada</option>
                                                <option value="Guadeloupe"   >Guadeloupe</option>
                                                <option value="Guam"   >Guam</option>
                                                <option value="Guatemala"   >Guatemala</option>
                                                <option value="Guinea-Bissau"   >Guinea-Bissau</option>
                                                <option value="Guyana"   >Guyana</option>
                                                <option value="Haiti"   >Haiti</option>
                                                <option value="Heard Island and Mcdonald Islands"   >Heard Island and Mcdonald Islands</option>
                                                <option value="Honduras"   >Honduras</option>
                                                <option value="Hong Kong"   >Hong Kong</option>
                                                <option value="Hungary"   >Hungary</option>
                                                <option value="Iceland"   >Iceland</option>
                                                <option value="India"   >India</option>
                                                <option value="Indonesia"   >Indonesia</option>
                                                <option value="Iran"   >Iran</option>
                                                <option value="Iraq"   >Iraq</option>
                                                <option value="Iraq-Saudi Arabia Neutral Zone"   >Iraq-Saudi Arabia Neutral Zone</option>
                                                <option value="Ireland"   >Ireland</option>
                                                <option value="Israel"   >Israel</option>
                                                <option value="Italy"   >Italy</option>
                                                <option value="Ivory Coast"   >Ivory Coast</option>
                                                <option value="Jamaica"   >Jamaica</option>
                                                <option value="Japan"   >Japan</option>
                                                <option value="Jordan"   >Jordan</option>
                                                <option value="Kazakhstan"   >Kazakhstan</option>
                                                <option value="Kenya"   >Kenya</option>
                                                <option value="Kiribati"   >Kiribati</option>
                                                <option value="Kuwait"   >Kuwait</option>
                                                <option value="Kyrgyzstan"   >Kyrgyzstan</option>
                                                <option value="Laos"   >Laos</option>
                                                <option value="Latvia"   >Latvia</option>
                                                <option value="Lebanon"   >Lebanon</option>
                                                <option value="Lesotho"   >Lesotho</option>
                                                <option value="Liberia"   >Liberia</option>
                                                <option value="Libya"   >Libya</option>
                                                <option value="Liechtenstein"   >Liechtenstein</option>
                                                <option value="Lithuania"   >Lithuania</option>
                                                <option value="Luxembourg"   >Luxembourg</option>
                                                <option value="Macau"   >Macau</option>
                                                <option value="Macedonia"   >Macedonia</option>
                                                <option value="Madagascar"   >Madagascar</option>
                                                <option value="Malawi"   >Malawi</option>
                                                <option value="Malaysia"   >Malaysia</option>
                                                <option value="Maldives"   >Maldives</option>
                                                <option value="Mali"   >Mali</option>
                                                <option value="Malta"   >Malta</option>
                                                <option value="Marshall Islands"   >Marshall Islands</option>
                                                <option value="Martinique"   >Martinique</option>
                                                <option value="Mauritania"   >Mauritania</option>
                                                <option value="Mauritius"   >Mauritius</option>
                                                <option value="Mayotte"   >Mayotte</option>
                                                <option value="Mexico"   >Mexico</option>
                                                <option value="Moldova"   >Moldova</option>
                                                <option value="Monaco"   >Monaco</option>
                                                <option value="Mongolia"   >Mongolia</option>
                                                <option value="Montserrat"   >Montserrat</option>
                                                <option value="Morocco"   >Morocco</option>
                                                <option value="Mozambique"   >Mozambique</option>
                                                <option value="Myanmar"   >Myanmar</option>
                                                <option value="Namibia"   >Namibia</option>
                                                <option value="Nauru"   >Nauru</option>
                                                <option value="Nepal"   >Nepal</option>
                                                <option value="Netherlands"   >Netherlands</option>
                                                <option value="Netherlands Antilles"   >Netherlands Antilles</option>
                                                <option value="New Caledonia"   >New Caledonia</option>
                                                <option value="New Zealand"   >New Zealand</option>
                                                <option value="Nicaragua"   >Nicaragua</option>
                                                <option value="Niger"   >Niger</option>
                                                <option value="Nigeria"   >Nigeria</option>
                                                <option value="Niue"   >Niue</option>
                                                <option value="Norfolk Island"   >Norfolk Island</option>
                                                <option value="North Korea"   >North Korea</option>
                                                <option value="Northern Mariana Islands"   >Northern Mariana Islands</option>
                                                <option value="Norway"   >Norway</option>
                                                <option value="Oman"   >Oman</option>
                                                <option value="Pakistan"   >Pakistan</option>
                                                <option value="Palau"   >Palau</option>
                                                <option value="Palestinian Territories"   >Palestinian Territories</option>
                                                <option value="Panama"   >Panama</option>
                                                <option value="Papua New Guinea"   >Papua New Guinea</option>
                                                <option value="Paraguay"   >Paraguay</option>
                                                <option value="Peru"   >Peru</option>
                                                <option value="Philippines"   >Philippines</option>
                                                <option value="Pitcairn Islands"   >Pitcairn Islands</option>
                                                <option value="Poland"   >Poland</option>
                                                <option value="Portugal"   >Portugal</option>
                                                <option value="Puerto Rico"   >Puerto Rico</option>
                                                <option value="Qatar"   >Qatar</option>
                                                <option value="Reunion"   >Reunion</option>
                                                <option value="Romania"   >Romania</option>
                                                <option value="Russia"   >Russia</option>
                                                <option value="Rwanda"   >Rwanda</option>
                                                <option value="Saint Helena and Dependencies"   >Saint Helena and Dependencies</option>
                                                <option value="Saint Kitts and Nevis"   >Saint Kitts and Nevis</option>
                                                <option value="Saint Lucia"   >Saint Lucia</option>
                                                <option value="Saint Pierre and Miquelon"   >Saint Pierre and Miquelon</option>
                                                <option value="Saint Vincent and the Grenadines"   >Saint Vincent and the Grenadines</option>
                                                <option value="Samoa"   >Samoa</option>
                                                <option value="San Marino"   >San Marino</option>
                                                <option value="Sao Tome and Principe"   >Sao Tome and Principe</option>
                                                <option value="Saudi Arabia"   >Saudi Arabia</option>
                                                <option value="Senegal"   >Senegal</option>
                                                <option value="Seychelles"   >Seychelles</option>
                                                <option value="Sierra Leone"   >Sierra Leone</option>
                                                <option value="Singapore"   >Singapore</option>
                                                <option value="Slovakia"   >Slovakia</option>
                                                <option value="Slovenia"   >Slovenia</option>
                                                <option value="Solomon Islands"   >Solomon Islands</option>
                                                <option value="Somalia"   >Somalia</option>
                                                <option value="South Africa"   >South Africa</option>
                                                <option value="South Georgia and South Sandwich Islands"   >South Georgia and South Sandwich Islands</option>
                                                <option value="South Korea"   >South Korea</option>
                                                <option value="Spain"   >Spain</option>
                                                <option value="Spratly Islands"   >Spratly Islands</option>
                                                <option value="Sri Lanka"   >Sri Lanka</option>
                                                <option value="Sudan"   >Sudan</option>
                                                <option value="Suriname"   >Suriname</option>
                                                <option value="Svalbard and Jan Mayen"   >Svalbard and Jan Mayen</option>
                                                <option value="Swaziland"   >Swaziland</option>
                                                <option value="Sweden"   >Sweden</option>
                                                <option value="Switzerland"   >Switzerland</option>
                                                <option value="Syria"   >Syria</option>
                                                <option value="Taiwan"   >Taiwan</option>
                                                <option value="Tajikistan"   >Tajikistan</option>
                                                <option value="Tanzania"   >Tanzania</option>
                                                <option value="Thailand"   >Thailand</option>
                                                <option value="Togo"   >Togo</option>
                                                <option value="Tokelau"   >Tokelau</option>
                                                <option value="Tonga"   >Tonga</option>
                                                <option value="Trinidad and Tobago"   >Trinidad and Tobago</option>
                                                <option value="Tunisia"   >Tunisia</option>
                                                <option value="Turkey"   >Turkey</option>
                                                <option value="Turkmenistan"   >Turkmenistan</option>
                                                <option value="Turks And Caicos Islands"   >Turks And Caicos Islands</option>
                                                <option value="Tuvalu"   >Tuvalu</option>
                                                <option value="Uganda"   >Uganda</option>
                                                <option value="Ukraine"   >Ukraine</option>
                                                <option value="United Arab Emirates"   >United Arab Emirates</option>
                                                <option value="United Kingdom"   >United Kingdom</option>
                                                <option value="United States"   >United States</option>
                                                <option value="United States Minor Outlying Islands"   >United States Minor Outlying Islands</option>
                                                <option value="Uruguay"   >Uruguay</option>
                                                <option value="US Virgin Islands"   >US Virgin Islands</option>
                                                <option value="Uzbekistan"   >Uzbekistan</option>
                                                <option value="Vanuatu"   >Vanuatu</option>
                                                <option value="Vatican City"   >Vatican City</option>
                                                <option value="Venezuela"   >Venezuela</option>
                                                <option value="Vietnam"   >Vietnam</option>
                                                <option value="Wallis and Futuna"   >Wallis and Futuna</option>
                                                <option value="Western Sahara"   >Western Sahara</option>
                                                <option value="Yemen"   >Yemen</option>
                                                <option value="Zambia"   >Zambia</option>
                                                <option value="Zimbabwe"   >Zimbabwe</option>
                                                <option value="Serbia"   >Serbia</option>
                                                <option value="Montenegro"   >Montenegro</option>
                                            </select></td>
                                    </tr>
                                    <tr>
                                        <td>City of origin <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="text" id="city" name="city" /></td>
                                    </tr>
                                </table>
                                <p style="color:purple;font-size:15px">Please select a Username and Password</p>
                                <hr><br/>
                                <table class="white">
                                    <tr>
                                        <td width ="170">Username <span style="font-size:12px;color:#F00;">(*)</span>:<br/><span style="font-size:12px;color:#F00;">(Min.8-Max.15 chars)</span></td>
                                        <td><input type="text" id="chosenUsername" name="chosenUsername" maxlength="15" /></td>
                                        <td><div id="availability"></div></td>
                                    </tr>
                                    <tr>
                                        <td>Password <span style="font-size:12px;color:#F00;">(*)</span>:<br/><span style="font-size:12px;color:#F00;">(Min.8-Max.15 chars)</span></td>
                                        <td><input type="password" id="password1" name="password1" maxlength="15" /></td>
                                    </tr>
                                    <tr>
                                        <td>Confirm password <span style="font-size:12px;color:#F00;">(*)</span>:</td>
                                        <td><input type="password" id="password2" name="password2" maxlength=15 /></td> 
                                    </tr>
                                </table>
                                <p style="color:purple;font-size:15px">Please read our Terms and Conditions and answer the question</p>
                                <hr><br/>
                                <table class="white">
                                    <tr>
                                        <td>Do you agree to the Terms and Conditions?</td>
                                        <td><input type="checkbox" id="terms" name="terms" value="Yes" /> Yes</td>
                                    </tr>
                                </table>
                                <br/>
                                <input type="submit" value="Create an account"/>
                            </form>    
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>